﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ProceedOrder.ascx.cs" Inherits="Usercontrol_ProceedOrder" %>
<%@ Import Namespace="webapp4U" %>
 <%@ Register src="uscMsgBox.ascx" tagname="uscMsgBox" tagprefix="uc1" %>
<%-- <%@ Register src="ControlRegisterNPP.ascx" tagname="ControlRegisterNPP" tagprefix="uc2" %>--%> 

<link rel="stylesheet" href='<%=ResolveUrl("~/Css/styleForm.css")%>' type="text/css" /> 

 <%--danh cho dialog da goi o shoppingcart o master--%>
 <%--<link href='<%=ResolveUrl("~/Css/ui-lightness/jquery-ui-1.7.2.custom.css")%>' rel="stylesheet" type="text/css" />--%>
 <%--<script src="<%=Globals.ApplicationPath %>Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
 <script src="<%=Globals.ApplicationPath %>Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript" language="javascript"> </script>--%>

 <%--Danh cho form đăng ký--%>
<%--<link rel="stylesheet" href='<%=ResolveUrl("~/Css/FormLayout.css")%>' type="text/css" />--%>
<link rel="stylesheet" href='<%=ResolveUrl("~/Css/datePicker.css")%>' type="text/css" />
<%--<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/popup.js")%>'></script>--%>
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/jquery.alphanumeric.js")%>'></script>
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/date.js")%>'></script>
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/jquery.datePicker.js")%>'></script>

<style type="text/css">
.textboxDai
{
    width:250px;
    left:0px;    
}
.Drop
{
    width:255px;
}
.bt
{
    position:absolute;
bottom:0px;
}
.btButton
{
    float:right;
}
.no-close .ui-dialog-titlebar-close 
{
    display: none 
}
</style>

 <script type="text/javascript">
     $(document).ready(function () {
        //Dành dialog
         //setup new person dialog
         $('#Login').dialog({
             autoOpen: false,
             draggable: true,
             title: "Đăng nhập",
             resizable: false,
             //height: auto,
             width: 350,
             modal: true,             
             open: function (type, data) {
                 $(this).parent().appendTo("form");
             }
         });

         //setup edit Registry dialog
         $('#Registry').dialog({
             autoOpen: false,
             draggable: true,
             title: "Đăng ký",
             resizable: false,
             //height: auto,
             width: 650, 
             modal: true,
             open: function (type, data) {
                 $(this).parent().appendTo("form");
             }
         });
         //set up dialog quy dinh
         $('#quydinh').dialog({
             autoOpen: false,
             draggable: true,
             title: "Quy định về việc đăng ký thành viên",
             resizable: false,
             //height: auto,
             width: 650,
             modal: true,
             open: function (type, data) {
                 $(this).parent().appendTo("form");
             }
         });

         //set up dialog thông báo đăng ký thành công
         $('#RegistryFinish').dialog({
             autoOpen: false,             
             draggable: true,
             title: "Thông báo",
             resizable: false,
             //khong dùng phím để Close
             closeOnEscape: false,
             //dung css hide Close x
             dialogClass: 'no-close',
             //height: auto,
             width: 450,
             modal: true,
             open: function (type, data) {
                 $(this).parent().appendTo("form");
             }
         });

     });

     function showDialog(id) {
         $('#' + id).dialog("open");
     }

     function closeDialog(id) {
         $('#' + id).dialog("close");
     }
     
              
    </script>

 <script type="text/javascript">
     $().ready(function () {




         //        $('#login input').blur(function () {
         //            if (!$(this).val()) {
         //                alert('form trống');
         //            }
         //        });

         //        function isNumeric(form_value) {
         //            if (form_value.match(/^\d+$/) == null)
         //                return false;
         //            else
         //                return true;
         //        } 
         //Sự kiện checkbox đồng ý điều khoản 

         $("#chDoc").click(function () {
             if ($('input[name=foo]').is(':checked')) {
                 $("#btDangKy").removeAttr("disabled");
             }
             else {
                 $("#btDangKy").attr("disabled", "disabled");
             }
         });

         //Kiểm tra session["sender"] có null hay ko
         $.ajax({
             type: "POST",
             url: '<%=ResolveUrl("~/Webservice/WebService.asmx/ConfirmSessionSender")%>',
             data: "{}",
             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function (data) {
                 if (data.d == "notreadonly") {
                 }
                 else {
                     $("#txtMaBaoTro").val(data.d);
                     $("#txtMaBaoTro").attr('readonly', 'true');
                     GetRecommender(data.d);

                 }
             }
         });

         $("#btDangKy").click(function () {
             if ($("#txtMaRandom").val() == $("#Random").text()) {
                 var txtHotenBaoTro;
                 txtHotenBaoTro = $("#txtHotenBaoTro").val().length;
                 if (txtHotenBaoTro > 0) {

                 }
                 else {
                     $("#txtMaBaoTro").val('option');
                 }
                 $.ajax({
                     type: "POST",
                     url: '<%=ResolveUrl("~/Webservice/WebService.asmx/RegisterNPP")%>',
                     data: "{'salesPName':'" + $("#txtHoTen").val() + "','birthDay':'" + $("#txtNgaySinh").val() + "','sex':'" + $("#chGT").val() + "','rootAddress':'" + $("#txtDiaChiThuongTru").val() + "','IDNo':'" + $("#txtSoCMND").val() + "','recommender':'" + $("#txtMaBaoTro").val() + "','address':'" + $("#txtLienHe").val() + "','street':'" + $("#txtTenDuong").val() + "','province':'" + $("#DrTinhTP").val() + "','town':'" + $("#DrQuanHuyen").val() + "','mobile':'" + $("#txtSoDT").val() + "'}",
                     contentType: "application/json; charset=utf-8",
                     dataType: "json",
                     success: function (data) {
                         closeDialog("Registry");
                         closeDialog("quydinh");
                         showDialog("RegistryFinish");
                         //$("#txtMaBaoTro")
                         //window.location.replace("<%=Globals.ApplicationPath %>Page/RegisterSuccess/Default.aspx");
                     }

                 });
             }
             else {
                 alert("Bạn phải nhập đúng mã xác nhận được gửi tin nhắn từ hệ thống");
             }
         });

         //Dữ liệu nhập là date
         //         $(function () {
         //             $("#txtNgaySinh").datePicker(
         //		            {
         //		                clickInput: true,
         //		                startDate: '01/01/1950',
         //		                endDate: (new Date).getDate() + '/' + (new Date).getMonth() + '/' + ((new Date).getFullYear() - 18)
         //		            }
         //	            );
         //         });

         //kiểm tra dữ liệu nhập vào là số
         $("#txtSoCMND").numeric();

         $("#txtSoDT").keyup(function () {
             $("span.Error-Keyup-Phone").remove();
             var inputVal = $(this).val();
             if (!CheckPhoneNumber(inputVal)) {
                 $(this).after('<span class="Error-Keyup-Phone" style="color:Red;">Số điện thoại không hợp lệ. Vd: 09xxxxxxxxxx hoặc 01xxxxxxxxx</span>');
             }
         });
         $("#txtNgaySinh").keyup(function () {
             $("span.Error-Keyup-Date").remove();
             var inputVal = $(this).val();
             if (!CheckDateFormat(inputVal)) {
                 $(this).after('<span class="Error-Keyup-Date" style="color:Red;">Ngày sinh không hợp lệ. Vd:dd/mm/yyyy.</span>');
             }
         });

         $("#txtEmail").keyup(function () {
             $("span.Error-Keyup-Email").remove();
             var inputVal = $(this).val();
             if (inputVal.length > 0) {
                 if (!CheckEmail(inputVal)) {
                     $(this).after('<span class="Error-Keyup-Email" style="color:Red;">Email không hợp lệ. </span>');
                 }
             }
         });
         //click để mở popup
         //        $("#btTT").click(function () {
         //            //Show_Popup();

         //        });
         $("#btTT").click(function () {
             validateForm();
         });

         //Lấy tên người bảo trợ
         $('#txtMaBaoTro').blur(function () {
             $.ajax({
                 type: "POST",
                 url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GET_SALESPNAME")%>',
                 data: "{'salesp_key':'" + $('#txtMaBaoTro').val() + "'}",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: function (data) {
                     $.each(data.d, function (index, item) {

                         $("#txtHotenBaoTro").val(item.Value);
                         $("#txtDTBaoTro").val(item.Display);

                     });
                 }
             });
         });

         //Kiểm tra số CMND
         $('#txtSoCMND').blur(function () {
             var txtSoCMND;
             txtSoCMND = $("#txtSoCMND").val().length;
             $("#cmnd").empty();

             if (txtSoCMND > 0) {
                 $.ajax({
                     type: "POST",
                     url: '<%=ResolveUrl("~/Webservice/WebService.asmx/CheckIDNo")%>',
                     data: "{'IDNo':'" + $("#txtSoCMND").val() + "','salesp_key':'abc'}",
                     contentType: "application/json; charset=utf-8",
                     dataType: "json",
                     success: function (data) {
                         if (data.d == "1") {
                             $("#cmnd").text('Số chứng minh này trùng trong hệ thống');

                         }
                     }
                 });
             }
             else {
                 $("#cmnd").text('Phải nhập số chứng minh');
             }
         });

         //Kiểm tra số điện thoại
         $('#txtSoDT').blur(function () {
             var txtSoDT;
             txtSoDT = $("#txtSoDT").val().length;
             $("#sodt").empty();

             if (txtSoDT > 0) {
                 $.ajax({
                     type: "POST",
                     url: '<%=ResolveUrl("~/Webservice/WebService.asmx/CheckTelNo")%>',
                     data: "{'TelNo':'" + $("#txtSoDT").val() + "','salesp_key':'abc'}",
                     contentType: "application/json; charset=utf-8",
                     dataType: "json",
                     success: function (data) {
                         if (data.d == "1") {
                             $("#sodt").text('Số điện thoại này trùng trong hệ thống');

                         }
                     }
                 });
             }
             else {
                 $("#sodt").text('Phải nhập số điện thoại');
             }
         });
         //Kiểm tra thông tin họ tên
         $('#txtHoTen').blur(function () {
             var hotenNPP;
             hotenNPP = $("#txtHoTen").val().length;
             $("#hotenNPP").empty();

             if (hotenNPP > 0) {
             }
             else {
                 $("#hotenNPP").text('Phải nhập họ tên');
             }
         });
         //Kiểm tra thông tin ngày sinh
         $('#txtNgaySinh').blur(function () {
             var txtNgaySinh;
             txtNgaySinh = $("#txtNgaySinh").val().length;
             $("#NgaySinh").empty();

             if (txtNgaySinh > 0) {
             }
             else {
                 $("#NgaySinh").text('Phải nhập ngày sinh');
             }
         });
         //Kiểm tra thông tin địa chỉ thường trú
         $('#txtDiaChiThuongTru').blur(function () {
             var txtDiaChiThuongTru;
             txtDiaChiThuongTru = $("#txtDiaChiThuongTru").val().length;
             $("#DiaChiThuongTru").empty();

             if (txtDiaChiThuongTru > 0) {
             }
             else {
                 $("#DiaChiThuongTru").text('Phải nhập địa chỉ thường trú');
             }
         });
         //Kiểm tra thông tin địa chỉ liên lạc
         $('#txtLienHe').blur(function () {
             var txtLienHe;
             txtLienHe = $("#txtLienHe").val().length;
             $("#DiaChiLienLac").empty();

             if (txtLienHe > 0) {
             }
             else {
                 $("#DiaChiLienLac").text('Phải nhập địa chỉ liên hệ');
             }
         });
         //Kiểm tra thông tin tên đường
         $('#txtTenDuong').blur(function () {
             var txtTenDuong;
             txtTenDuong = $("#txtTenDuong").val().length;
             $("#TenDuong").empty();

             if (txtTenDuong > 0) {
             }
             else {
                 $("#TenDuong").text('Phải nhập tên đường');
             }
         });
         //lấy thông tin tỉnh thành
         $.ajax({
             type: "POST",
             url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GetProvince")%>',
             data: "{}",
             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function (msg) {
                 $("#DrTinhTP").get(0).options.length = 0;
                 $("#DrTinhTP").get(0).options[0] = new Option("Chọn tỉnh thành", "-1");

                 $.each(msg.d, function (index, item) {
                     $("#DrTinhTP").get(0).options[$("#DrTinhTP").get(0).options.length] = new Option(item.Display, item.Value);
                 });

                 $("#DrTinhTP").bind('change', function () {
                     GetTinhThanh($(this).val());
                 });
             },
             error: function () {
                 alert("Lỗi hệ thống");
             }
         });
     });
     //Lấy thông tin người bảo trợ
     function GetRecommender(salesp_key) {
         $.ajax({
             type: "POST",
             url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GET_SALESPNAME")%>',
             data: "{'salesp_key':'" + salesp_key + "'}",
             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function (data) {
                 $.each(data.d, function (index, item) {

                     $("#txtHotenBaoTro").val(item.Value);
                     $("#txtDTBaoTro").val(item.Display);

                 });
             }
         });
     }

     //Lấy thông tinh quận huyện
     function GetTinhThanh(Province) {
         if (Province != "-1") {
             $("#DrQuanHuyen").get(0).options.length = 0;
             $("#DrQuanHuyen").get(0).options[0] = new Option("Đang tải dữ liệu", "-1");

             $.ajax({
                 type: "POST",
                 url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GetTown")%>',
                 data: "{'Province':'" + Province + "'}",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: function (msg) {
                     $("#DrQuanHuyen").get(0).options.length = 0;
                     $("#DrQuanHuyen").get(0).options[0] = new Option("Chọn quận/huyện", "-1");

                     $.each(msg.d, function (index, item) {
                         $("#DrQuanHuyen").get(0).options[$("#DrQuanHuyen").get(0).options.length] = new Option(item.Display, item.Value);
                     });
                 },
                 error: function () {
                     $("#DrQuanHuyen").get(0).options.length = 0;
                     alert("Lỗi hệ thống" + params);
                 }
             });

         }
         else {
             $("#DrQuanHuyen").get(0).options.length = 0;
         }
     }
     //Tao ma random
     function Random() {
         $.ajax({
             type: "POST",
             url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GetRandom")%>',
             data: "{'TelNo':'" + $("#txtSoDT").val() + "'}",
             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function (data) {
                 $("Random").hide();
                 $("#Random").text(data.d);
                 //alert(data.d);

             }
         });
     }

     // Validate form
     function validateForm() {
         $("#hotenNPP").empty().hide();
         $("#sodt").empty().hide();
         $("#cmnd").empty().hide();
         $("#NgaySinh").empty().hide();
         $("#DiaChiThuongTru").empty().hide();
         $("#DiaChiLienLac").empty().hide();
         $("#TenDuong").empty().hide();
         $("#TenDuong").empty().hide();
         $("#spEmail").empty().hide();

         var txtHoTen = $("#txtHoTen").val();
         var txtSoDT = $("#txtSoDT").val();
         var txtSoCMND = $("#txtSoCMND").val();
         var txtNgaySinh = $("#txtNgaySinh").val();
         var txtDiaChiThuongTru = $("#txtDiaChiThuongTru").val();
         var txtLienHe = $("#txtLienHe").val();
         var txtTenDuong = $("#txtTenDuong").val();
         var txtTenDuong = $("#txtTenDuong").val();
         var txtEmail = $("#txtEmail").val();
         var errors = 0;

         if (txtHoTen == null || txtHoTen == '') {
             $("#hotenNPP").show().append("Phải nhập họ tên");
             errors++;
         }
         if (txtSoDT == null || txtSoDT == '') {
             $("#sodt").show().append("Phải nhập số điện thoại");
             errors++;
         }
         else {
             if (!CheckPhoneNumber(txtSoDT)) {
                 $("#sodt").show().append("Số điện thoại không hợp lệ. Vd: 09xxxxxxxxxx hoặc 01xxxxxxxxx");
                 errors++;
             }
         }

         if (txtSoCMND == null || txtSoCMND == '') {
             $("#cmnd").show().append("Phải nhập số chứng minh");
             errors++;
         }
         if (txtNgaySinh == null || txtNgaySinh == '') {
             $("#NgaySinh").show().append("Phải nhập ngày sinh");
             errors++;
         }
         else {
             if (!CheckDateFormat(txtNgaySinh)) {
                 $("#NgaySinh").show().append("Ngày sinh không hợp lệ. Vd:dd/mm/yyyy.");
                 errors++;
             }
         }

         if (txtDiaChiThuongTru == null || txtDiaChiThuongTru == '') {
             $("#DiaChiThuongTru").show().append("Phải nhập địa chỉ thường trú");
             errors++;
         }
         if (txtLienHe == null || txtLienHe == '') {
             $("#DiaChiLienLac").show().append("Phải nhập địa chỉ liên hệ");
             errors++;
         }
         if (txtTenDuong == null || txtTenDuong == '') {
             $("#TenDuong").show().append("Phải nhập tên đường");
             errors++;
         }
         if (txtEmail != null && txtEmail != '') {
             if (!CheckEmail(txtEmail)) {
                 errors++;
                 $("#spEmail").show().append("Email không hợp lệ");
             }
         }
         if (errors > 0) {
             alert("Bạn chưa nhập đầy đủ thông tin");
             return false;
         }
         else {
             //open popup
             showDialog("quydinh");
             Random();
         }
     }

     function CheckPhoneNumber(txtPhoneNumber) {
         var inputVal = txtPhoneNumber;
         var numericReg = /(^[0]{1}[1]{1}[0-9]{9}$)|(^[0]{1}[0,2-9]{1}[0-9]{8}$)/;
         if (numericReg.test(inputVal)) {
             return true;
         }
         else {
             return false;
         }
     }
        

     function CheckDateFormat(ValuesDate) {
         var inputVal = ValuesDate;
         var dateReg = /^(([0-2]\d{1})|([3][0,1]{1}))\/(([0]{1}\d{1})|([1]{1}[0-2]{1}))\/(([1]{1}[9]{1}\d{2})|([2-9]{1}\d{3}))$/;
         if (dateReg.test(inputVal)) {
             return true;
         }
         else {
             return false;
         }
     }

     function CheckEmail(Email) {
         var inputVal = Email;
         var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
         if (emailReg.test(inputVal)) {
             return true;
         }
         else {
             return false;
         }
     }


 </script>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <uc1:uscMsgBox ID="uscMsgBox1" runat="server" Title="Thông báo" CloseText="Đóng lại" CancelText="Bỏ qua" OKText="Đồng ý" />        
        <div id="myTabs" style="width:100%">
             <span style="font-size:1.4em;font-weight:bold">Thanh toán</span>             
             <br />
             <asp:Panel ID="step_1" runat="server">               
                <ul class="step_cart_1">
                    <li class="step1_1"><span>Thông tin của bạn</span> </li>
                    <li class="step1_2"><span>Giao hàng & thanh toán</span></li>
                    <li class="step1_3"><span>Xác nhận đơn hàng</span></li>
                </ul>    
         		
                <br />
               
                <div id="wrapper" class="myform">               
			    <fieldset>
				<legend>Thông tin liên lạc</legend>  
                    <div>
                         <span>Bạn đã có tài khoản hoặc đã mua hàng trước đây hãy lick vào</span>
                            <asp:Button ID="btnOpenLogin" runat="server" Text="Đăng nhập" OnClientClick="showDialog('Login');" />
                            <br />
                            <span>Bạn muốn mua hàng và đăng ký hãy click vào</span>
                            <asp:Button ID="btnRegistry" runat="server" Text="Đăng ký" OnClientClick="showDialog('Registry');" />
                    </div>                  
					<div>
						<label for="name">Họ và tên <span>*</span></label>						
                        <asp:TextBox ID="txtFullName" runat="server" Width="250px"></asp:TextBox>
					</div>
                     <div>
                        <label for="Phone">Số điện thoại <span>*</span></label>
                        <asp:TextBox ID="txtPhone" runat="server" Width="250px"></asp:TextBox>
                    </div>
                    <div>
                        <label for="IDNo">Số CMND </label>
                        <asp:TextBox ID="txtIdNo" runat="server" Width="250px"></asp:TextBox>
                    </div>
                    <div>

						<label for="Province">Tỉnh/Thành phố <span>*</span></label>
						<asp:DropDownList ID="dropdlProvince" runat="server" AutoPostBack="true" Width="255px" 
                            onselectedindexchanged="dropdlProvince_SelectedIndexChanged">
                        </asp:DropDownList>						
					</div>
                    <div>

						<label for="Town">Quận/Huyện <span>*</span></label>
						<asp:DropDownList ID="dropdlTown" runat="server" Width="255px">
                        </asp:DropDownList>						
					</div>
					<div>
                        <label for="Address">Điạ chỉ giao hàng <span>*</span></label>
                        <asp:TextBox ID="txtAddress" runat="server" Width="250px"></asp:TextBox>
                    </div>  
					<div style="text-align:center">
						<asp:Button ID="btnStep_1_Next" CssClass="btn" runat="server" Text="Tiếp tục" 
                          onclick="btnStep_1_Next_Click" />
                          <asp:Button ID="btnStep_1_KeepOrder" runat="server" Text="Tạm giử đơn hàng" 
                            onclick="btnStep_1_KeepOrder_Click" />                          
                    </div>

			    </fieldset>          
                 </div>                        
             </asp:Panel>


             <asp:Panel ID="step_2" runat="server" Visible="False"> 
               <ul class="step_cart_2">
                    <li class="step1_1"><span>Thông tin của bạn</span> </li>
                    <li class="step1_2"><span>Giao hàng & thanh toán</span></li>
                    <li class="step1_3"><span>Xác nhận đơn hàng</span></li>
                </ul>
                <br />

                 <div id="wrapper1" style="width: 540px;margin: 20px 0px 20px 0px ;	">	
                 <fieldset style="background: #FFFFFF repeat-x center bottom;" >
				<legend style="font-size: 1.2em;font-weight: bold; margin: 0px 0px 10px 0px;">Vui lòng chọn phương thức giao hàng phù hợp</legend>
					<div style=" margin: 0 0 5px 0px;font-size: 1.2em;">
                        <table style="width:100%; border: 1px do tted #C0C0C0">
                            <tr style="background-color:#C0C0C0; font-weight:bold; border-top-color:#C0C0C0">
                                <td align="left" style="width:150px">Phương thức giao hàng</td>
                                <td align="left">Thời gian dự kiến</td>
                                
                            </tr>
                            <tr style="border-top-color:#C0C0C0">
                                <td>
                                    <asp:RadioButton ID="radNhanTaiCty" runat="server" TextAlign="Right"
                                        Text="Nhận hàng tại công ty" Checked="false" GroupName="radPhuongThucGiaoNhan" /></td>
                                <td align="left">Nhận hàng trong vòng 24h </td>
                                
                            </tr>
                            <tr style="border-top-color:#C0C0C0">
                                <td>
                                    <asp:RadioButton ID="radNVGiaoNhan" runat="server" TextAlign="Right" 
                                        Text="Nhân viên giao nhận" Checked="true" GroupName="radPhuongThucGiaoNhan" /></td>
                                <td align="left">Nhận hàng trong vòng 24h</td>
                                
                            </tr>
                            <tr style="border-top-color:#C0C0C0">
                                <td>
                                    <asp:RadioButton ID="radQuaDuongBD" runat="server" TextAlign="Right" 
                                        Text="Qua đường bưu điện" Checked="false" GroupName="radPhuongThucGiaoNhan" /></td>
                                <td align="left">Nhận hàng trong vòng 3-4 ngày</td>                                
                            </tr>

                        </table>

					</div>
                   
			    </fieldset>

			    <fieldset style="background: #FFFFFF repeat-x center bottom;" >
				<legend style="font-size: 1.2em;font-weight: bold; margin: 0px 0px 10px 0px;">Vui lòng chọn phương thức thanh toán phù hợp</legend>
					<div style=" margin: 0 0 5px 0px;font-size: 1.2em;">
                        <table style="width:100%; border: 1px do tted #C0C0C0">
                            <tr style="background-color:#C0C0C0; font-weight:bold; border-top-color:#C0C0C0">
                                <td align="left" style="width:150px">Phương thức thanh toán</td>
                                <td align="left">
                                    Hướng dẫn sử dụng</td>
                                
                            </tr>
                            <tr style="border-top-color:#C0C0C0">
                                <td>
                                    <asp:RadioButton ID="radTienMatTrucTiep" runat="server" TextAlign="Right"
                                        Text="Tiền mặt trực tiếp" Checked="True" GroupName="radPhuongThucThanhToan" /></td>
                                <td align="left">
                                    Quý khách có thể thanh toán tiền mặt cùng nhân viên giao hàng tận nơi; sau khi nhận hàng (vui lòng giữ lại phiếu thu để đối chiếu khi cần thiết) 
                                    </td>
                                
                            </tr>
                            <tr style="border-top-color:#C0C0C0">
                                <td>
                                    <asp:RadioButton ID="radChuyenKhoan" runat="server" TextAlign="Right" 
                                        Text="Chuyển khoản" Checked="false" GroupName="radPhuongThucThanhToan" /></td>
                                <td align="left">
                                    Ngân hàng Ngoại Thương VN - VietcomBank - chi nhánh Tân Bình, TP.HCM
                                    <br />
                                    Chủ tài khoản: Công ty CP Mỹ Phẩm 
                                    <br />
                                    Số tài khoản: 044.100.061.xxx</td>
                                
                            </tr>
                           
                        </table>

					</div>
                                    
					<br />
					
					<div style="text-align:center">
						<asp:Button ID="btnStep_2_Back" runat="server" Text="Trở về" 
                        onclick="btnStep_2_Back_Click" />
                        <asp:Button ID="btnStep_2_Next" runat="server" Text="Tiếp tục" 
                        onclick="btnStep_2_Next_Click" />
                        <asp:Button ID="btnStep_2_KeepOrder" runat="server" Text="Tạm giử đơn hàng" 
                            onclick="btnStep_2_KeepOrder_Click" /> 
                    </div>

			    </fieldset>          
             </div>  
                 
             </asp:Panel>
             
             <asp:Panel ID="step_3" runat="server" Visible="False">    
                <ul class="step_cart_3">
                    <li class="step1_1"><span>Thông tin của bạn</span> </li>
                    <li class="step1_2"><span>Giao hàng & thanh toán</span></li>
                    <li class="step1_3"><span>Xác nhận đơn hàng</span></li>
                </ul> 
                <br />
                <div id="Div1" style="width: 540px;margin: 20px 0px 20px 0px ;	">
                    <fieldset style="background: #FFFFFF repeat-x center bottom;" >
                        <div style="width:540px"><span>Bạn hãy nhập vào mã xác nhận mà hệ thống đã gửi tin nhắn cho bạn qua số điện thoại bạn đã
                        <br /> cung cấp ở bước trước </span> </div>
                        <br />
                        <div style="width:540px; text-align:center">
                            <label for="Address">Mã xác nhận <span style="color:Red">*</span></label>
                            <asp:TextBox ID="txtSMSCODE" runat="server" Width="200px"></asp:TextBox>
                        <br />
                        <br />
                            <asp:Button ID="btnStep_3_Back" runat="server" Text="Trở về" 
                                onclick="btnStep_3_Back_Click" />
                             <asp:Button ID="btnStep_3_Finish" runat="server" Text="Hoàn tất" 
                                onclick="btnStep_3_Finish_Click" />
                             <asp:Button ID="btnStep_3_KeepOrder" runat="server" Text="Tạm giử đơn hàng" 
                                onclick="btnStep_3_KeepOrder_Click" /> 
                        </div>
                    </fieldset>     
                </dir>                      
            </asp:Panel>
         </div>
         <asp:TextBox ID="txtMaHoaDon" runat="server" Visible="false"></asp:TextBox>
         <asp:TextBox ID="txtSalesp_key_Support" runat="server" Visible="false"></asp:TextBox>
         <asp:TextBox ID="txtSiteCode" runat="server" Visible="false"></asp:TextBox>
         <asp:TextBox ID="txtCustomerKey" runat="server" Visible="false"></asp:TextBox>
         <asp:TextBox ID="txtPaymentMethodsID" runat="server" Visible="false" Text="PM001"></asp:TextBox>
         <asp:TextBox ID="txtModeOfDelivery" runat="server" Visible="false" Text="MOD002"></asp:TextBox>
    </ContentTemplate>
</asp:UpdatePanel>
<div id='Login'>
    <asp:UpdatePanel ID="upNewUpdatePanel" UpdateMode="Conditional" ChildrenAsTriggers="true" runat="server">
        <ContentTemplate>
            <div class="myform" style="width: auto;" > 
                <fieldset style="background: #FFFFFF repeat-x center bottom;" >
                <legend style="font-size: 1.2em;font-weight: bold; margin: 0px 0px 10px 0px;">Đăng nhập dành cho nhà phân phối</legend>
                    <div>
                        <label for="normal" >Tên đăng nhập</label>
                        <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
                    </div>
                   
                    <div>
                        <label for="normal">Mật khẩu</label>
                        <asp:TextBox ID="txtPass" runat="server" TextMode="Password"></asp:TextBox>
                    </div>
                    <div style="text-align:center;">                    
                        <asp:Button ID="btnLogin" runat="server" Text="Đăng nhập" 
                        onclick="btnLogin_Click" />
                    </div>
                </fieldset>  
                 <fieldset style="background: #FFFFFF repeat-x center bottom;" >
                <legend style="font-size: 1.2em;font-weight: bold; margin: 0px 0px 10px 0px;">Bạn đã mua hàng trước đây</legend>
                    <div>
                        <label for="normal" >Số điện thoại hoặc CMND</label>
                        <asp:TextBox ID="txtPhoneOrIDNo" runat="server"></asp:TextBox>
                    </div> 
                    <br />     
                    <div style="text-align:center;">              
                        <asp:Button ID="btnContinue" runat="server" Text="Tiếp tục" 
                            onclick="btnContinue_Click" />
                    </div>
                </fieldset> 
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>   
 </div>

 <div id='RegistryFinish'>
    <asp:UpdatePanel ID="UpdatePanelRegistryFinish" UpdateMode="Conditional" ChildrenAsTriggers="true" runat="server">
        <ContentTemplate>
            <div class="form" style="width: auto;" > 
                <fieldset style="background: #FFFFFF repeat-x center bottom;" >                
                    <div style="text-align:center">                        
                         <label style="width:auto; font-size:1.6em; font-weight:bold">Bạn đã đăng ký thành công</label>
                    </div>
                    <div style="text-align:center;">                    
                        <asp:Button ID="btnRegistryFinishClose" runat="server" Text="Đóng lại" 
                            onclick="btnRegistryFinishClose_Click" />
                    </div>
                </fieldset>  
                 
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>    
 </div>

 <div id="quydinh">
    <asp:UpdatePanel ID="UpdatePanel2" UpdateMode="Conditional" ChildrenAsTriggers="true" runat="server">
        <ContentTemplate>
         <div class="myform" style="width: auto;" >
         <fieldset>
         <p style="text-align:center; font-size:1.5em; font-weight:bold">10 NGUYÊN TẮC ĐẠO ĐỨC TRONG KINH DOANH</p>
		<p style="text-align:left; font-size:1.2em;">
			
 <br />
                1.      Không mua bán hay chuyển đổi doanh số giữa cấp quản lý với nhau hoặc với BA.
 <br />
                2.      Không lôi kéo BA của nhóm khác bằng bất cứ hình thức nào.
 <br />
                3.      Không bán hàng vào các cửa hàng mỹ phẩm hoặc trưng bày hàng hóa mà không được sự cho phép của BC.
 <br />
                4.      Không bán giảm giá cho khách hàng so với giá quy định của BC và không được tư vấn sai cho khách hàng vì mục đích các nhân.
                <br />
                5.      Không được phép đại diện BC đưa ra các giải thích mang tính pháp lý cũng như thực hiện nghĩa vụ thay cho BC.
                 <br />
                6.      Không sử dụng các trang thiết bị của BC cho mục đích riêng ngoài mục đích tư vấn bán sản phẩm của BC.
                 <br />
                7.      Không làm việc cho Công ty khác cũng như tiết lộ các thông tin của BC cho đối thủ cạnh tranh trong thời gian cộng tác với BC.
                 <br />
                8.      Không thực hiện sai chính sách khuyến mãi và hậu mãi của BC đối với khách hàng.
                 <br />
                9.      Không sử dụng bất cứ hành động nào gây ảnh hưởng xấu tới uy tín BC và thương hiệu L’ovite Paris.
                 <br />
                10.     Không thực hiện sai nội quy và chính sách mà BC đã ban hành.
                <br />                        
                <span> <input id="chDoc" name="foo" type="checkbox"/>Tôi đã đọc và chấp nhận các điều khoản trên
                 <br />
                    Nhập mã xác nhận gửi từ tin nhắn
                    <input id="txtMaRandom" type="text"/>
                 <span> 
                    <input class="siteButton" disabled="disabled" value="Đăng Ký" id="btDangKy" type="button" />
                    <input id="btnQuiDinh" type="button" style="margin-left:10px" class="siteButton" value="Đóng lại" onclick="closeDialog('quydinh');" />
                </span>
                </span> 
		</p>
        </fieldset>
        </div>
     </ContentTemplate>
    </asp:UpdatePanel> 
</div>	
   

<div id="Registry">
    <asp:UpdatePanel ID="UpdatePanelRegistry" UpdateMode="Conditional" ChildrenAsTriggers="true" runat="server">
        <ContentTemplate>
        <div class="myform" style="width:630px;" >
            <h1>Đăng ký thành viên</h1>
                      <fieldset style="text-align:left; left:0px;">                        
                        <legend accesskey="B"><span style="text-decoration: underline;">T</span>hông tin cá nhân</legend>
                        <div>
                            <label for="billingName" >Họ tên:</label>
                            <input id="txtHoTen" class="textboxDai" type="text" /><span style="color:red" id="hotenNPP"></span>
                        </div>
                        <div>
                            <label for="billingAddress">Số điện thoại:</label>
                            <input id="txtSoDT" class="textboxDai" type="text"/><span style="color:red" id="sodt"></span>
                        </div>                        
                        <div>
                            <label for="billingAddress">Số CMND:</label>
                            <input id="txtSoCMND" class="textboxDai" type="text"/><span style="color:red" id="cmnd"></span>
                        </div>
                        <div>
                            <label for="billingAddress">Ngày sinh:</label>
                            <input id="txtNgaySinh" class="textboxDai" type="text"/><span style="color:red" id="NgaySinh"></span>
                         </div>
                         <div style="text-align:left">
                            <label for="billingAddress">Giới tính (Nam):</label>
                            <input id="chGT" type="checkbox" style="text-align:left; left:0px"/>
                        </div>
                        <div>
                            <label for="billingAddress">Địa chỉ thường trú:</label>
                            <input id="txtDiaChiThuongTru" class="textboxDai"  type="text" /><span style="color:red" id="DiaChiThuongTru"></span>
                        </div>
                    </fieldset>
                    <fieldset style="text-align:left; left:0px;">
                        <legend accesskey="B"><span style="text-decoration: underline;">T</span>hông tin liên lạc</legend>
                         <div>
                            <label for="billingAddress">Địa chỉ liên hệ:</label>
                            <input id="txtLienHe"  class="textboxDai" type="text" /><span style="color:red" id="DiaChiLienLac"></span>
                        </div>
                        <div>
                            <label for="billingAddress">Tên đường:</label>
                            <input id="txtTenDuong" class="textboxDai"  type="text" /><span style="color:red" id="TenDuong"></span>
                        </div>
                        <div>
                            <label for="billingAddress">Tỉnh/Thành Phố:</label>
                            <select class="Drop" id="DrTinhTP"></select>
                        </div>
                        <div>
                            <label for="billingAddress">Quận/Huyện:</label>
                            <select class="Drop" id="DrQuanHuyen"></select>
                        </div> 
                        <div>
                            <label for="billingAddress">Địa chỉ mail:</label>
                            <input id="txtEmail" class="textboxDai"  type="text" />
                            <span style="color:red;" id="spEmail"></span>
                            <span style="color:red; display:none" id="Random"></span>
                        </div> 
                    </fieldset>
                    <fieldset style="text-align:left; left:0px;">
                        <legend accesskey="B"><span style="text-decoration: underline;">T</span>hông tin người bảo trợ</legend>
                         <div>
                            <label for="billingAddress">Mã người bảo trợ:</label>
                            <input id="txtMaBaoTro" class="textboxDai" type="text" />
                        </div>
                        <div>
                            <label for="billingAddress">Họ tên người bảo trợ:</label>
                            <input id="txtHotenBaoTro" class="textboxDai" readonly="readonly" type="text" />
                        </div>
                        <div>
                            <label for="billingAddress">Số điện thoại:</label>
                            <input id="txtDTBaoTro" class="textboxDai" readonly="readonly" type="text" />
                        </div>
                    </fieldset>
        <div id="buttons">
            <input id="btTT" type="button" class="siteButton" value="Tiếp tục" />
            <input id="btnCloseRegistry" type="button" style="margin-left:10px" class="siteButton" value="Đóng lại" onclick="closeDialog('Registry');" />
         </div>
         
  </div>       
        
  </ContentTemplate>
  </asp:UpdatePanel>
  </div>

  <%--<div id="InfoRegistryFinish">  
    <asp:UpdatePanel ID="UpdatePanelInfoRegistryFinish" UpdateMode="Conditional" ChildrenAsTriggers="true" runat="server">
        <ContentTemplate>  
          <div>
          <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" 
                BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" 
                CellPadding="2" EnableModelValidation="True" ForeColor="Black" GridLines="None" 
                Height="50px" Width="432px" onitemcommand="DetailsView1_ItemCommand">
                <AlternatingRowStyle BackColor="PaleGoldenrod" />
                <EditRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
                <Fields>
                    <asp:BoundField DataField="salesp_key" HeaderText="Tên đăng nhập" />
                    <asp:BoundField DataField="PW" HeaderText="Mật khẩu" />
                    <asp:TemplateField HeaderText="Để bảo mật đề nghị bạn thay đổi mật khẩu">
                        <ItemTemplate>
                            <asp:Button ID="btChange" CommandName="chon" runat="server" Text="Đổi mật khẩu" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField>
                        <HeaderTemplate>
                            Thông tin người bảo trợ của bạn
                        </HeaderTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="TuyenTren" HeaderText="Họ tên" />
                    <asp:BoundField DataField="Description" HeaderText="Cấp bậc" />
                    <asp:BoundField DataField="Mobile" HeaderText="Số điện thoại" />
                </Fields>
                <FooterStyle BackColor="Tan" />
                <HeaderStyle BackColor="Tan" Font-Bold="True" />
                <HeaderTemplate>
                    Bạn đã đăng nhập vào hệ thống thành công
                </HeaderTemplate>
                <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" 
                    HorizontalAlign="Center" />
            </asp:DetailsView> 
            </div>        
            <br />
            <div>
                <asp:Button ID="btnCloseInfoRegistryFinish" runat="server" Text="Đóng lại" 
                    onclick="btnCloseInfoRegistryFinish_Click" />
            </div>             
        </ContentTemplate>
  </asp:UpdatePanel>
</div>--%>